<template>
  <div>
    <!-- 标头 -->
    <mt-header class="l_biaotou" fixed title="美食视频">
      <!-- 左边返回的图标 -->
      <router-link to="/" slot="left">
        <a href=""><img class="l_left" src="https://cdn.haochu.com/static/mobile_common/images/arrow_gray_left.png" alt=""></a>
      </router-link>

      <!-- 右边搜索的图标 -->
      <mt-button icon="" slot="right"><img class="l_right" src="https://cdn.haochu.com/static/mobile_common/images/search_gray.png" alt=""></mt-button>
    </mt-header>
  </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
/* 标头样式 */
.l_biaotou{
  height: 45px;
  color: #ff3300;
  font-size: 22px;  
  background: rgb(255, 255, 255);
  border-bottom: #ff7b33 2px solid;
}

/* 左边返回的图标 */
.l_left{
  width: 18px;
  height: 18px;
  margin-left: 20px;
  margin-top: -10px;
}

/* 右边搜索的图标 */
.l_right{
  width: 18px;
  height: 18px;
  margin-top: 5px;
  margin-right: 20px;
}
</style>